<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="这是一个很好的网站">
    <meta name="keywords" content="php,网站开发,it">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>Hello Amaze UI</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="__ADMIN__assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="__ADMIN__assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="__ADMIN__assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="__ADMIN__assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="__ADMIN__assets/css/amazeui.min.css">
    <link rel="stylesheet" href="__ADMIN__assets/css/app.css">
    <style>.son {border: 1px solid #ccc}</style>
</head>
<body>
<div class="am-g">
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
    <div class="son am-u-sm-1">1</div>
</div>
<div class="am-g">
    <div class="son am-u-sm-4">4</div>
    <div class="son am-u-sm-8">8</div>
</div>
<div class="am-g">
    <div class="son am-u-lg-4 am-u-md-6 am-u-sm-8">4</div>
    <div class="son am-u-lg-8 am-u-md-6 am-u-sm-4">8</div>
</div>
<button class="am-btn am-btn-warning am-round am-btn-block">
    <i class="am-icon am-icon-share-alt"></i>
    按钮
</button>
<!--在这里编写你的代码-->

<div class="am-alert" data-am-alert>
    <button type="button" class="am-close">&times;</button>
    <p>没什么可给你，但求凭这阙歌。谢谢你风雨里，都不退愿陪着我。</p>
</div>

<div class="am-panel-group" id="accordion">
    <div class="am-panel am-panel-default">
        <div class="am-panel-hd">
            <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-1'}">
                ...
            </h4>
        </div>
        <div id="do-not-say-1" class="am-panel-collapse am-collapse am-in">
            <div class="am-panel-bd">
                ...
            </div>
        </div>
    </div>
    <div class="am-panel am-panel-default">
        <div class="am-panel-hd">
            <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-2'}">
                ...
            </h4>
        </div>
        <div id="do-not-say-2" class="am-panel-collapse am-collapse">
            <div class="am-panel-bd">
                ...
            </div>
        </div>
    </div>
    <div class="am-panel am-panel-default">
        <div class="am-panel-hd">
            <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-3'}">...</h4>
        </div>
        <div id="do-not-say-3" class="am-panel-collapse am-collapse">
            <div class="am-panel-bd">
                ...
            </div>
        </div>
    </div>
</div>
<button
        type="button"
        class="am-btn am-btn-primary"
        data-am-modal="{target: '#my-alert'}">
    Alert
</button>

<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">Amaze UI</div>
        <div class="am-modal-bd">
            Hello world！
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>
<script src="__ADMIN__assets/js/jquery.js"></script>
<script src="__ADMIN__assets/js/amazeui.min.js"></script>
</body>
</html>